.login_box{
	width: 100%;
	padding: 10px 10px 20px;
	background-color: #EBEBEB;
	//min-height: 100vh;
	box-sizing: border-box;
	text-align: left;
	padding-top: calc(constant(safe-area-inset-top) + 102px); 
	padding-top: calc(env(safe-area-inset-top) + 102px);
	// background: url("../../static/logbg.jpg") no-repeat center/cover;
	background-size:100% 100%;
	position: fixed;
	top: 0;
	// --adm-color-primary: #666666;
	// --adm-color-light:#666666;
	// --icon-size: 14px;
	// --font-size: 12px;
	// --gap: 6px;
	// --adm-color-background:transparent;
	// --border-top:transparent;
	// --adm-color-border:transparent;
	
	// img{
	// 	width: 330px;
	// 	margin: 100px auto 30px;
	// }

	:global(.adm-list-item-content-prefix){
		width: 90px !important;
	}
	:global(.adm-form){
		border: none !important;
		---border-top:transparent;
	}
	:global(.adm-list-item){
		border-bottom: 1px solid white;
	}

	.operation{
		// width: 100%;
		// display: flex;
		// justify-content: space-between;
		padding: 20px;
		margin-top: 10px;
		box-sizing: border-box;
		background-color: #fff;
		box-sizing: border-box;

	
	}
	.children{
		margin-top: 20px;
		font-size: 26px;
		line-height: 50px;
	}
	.operation2{
		// width: 100%;
		display: flex;
		justify-content: space-between;
		// margin-top: 10px;
		box-sizing: border-box;
		background-color: #fff;
		box-sizing: border-box;
		border-radius: 10px;

	
	}
	.content{
		margin-top: 5px;
		background-color: #fff;
		padding: 20px 0;
		border-radius:20px;
		// min-height: 100vh;
		// min-height: calc(100% - 200px);
    // height: 50vh;
    // overflow: hidden;
	}
	.other-info{
		padding-top: 20px;
		width: 100%;
		text-align: center;
	}

}

.header-title{
	height: 80px;
	width: 100%;
	line-height: 80px;
	z-index: 99;
	text-align: center;
	background: radial-gradient(circle at 41% -33%,#fdf4df,#d4b59a 80%);
	color: #716858;
	position: fixed;
	top: 0px;

	.icon{
		position: absolute;
		left: 20px;
		top: 25px;
	}
}

.btns{
	background: radial-gradient(circle at 41% -33%,#fdf4df,#d4b59a 80%);
	color: #716858 !important;
	border: 0 !important;
 
}
.tabs{
  color: #725C4F;
	background-color: #F2F2F2;
	border-radius:10px;
	display: flex;
	align-items: center;
	flex: 1;
	justify-content: center;
	padding: 25px 25px;
	img{
		width: 60px;
		margin-right: 10px;
	}

}
.user{
	display: flex;
	align-items: center;
	margin: 30px 0;
	color: #562e0a;
}
.active{
	// border: 1px solid #b6871b;
  background-color: #D4B69B;
}
.main{
	width: 100%;
	// height: calc(100vh - 92px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	//padding: 0 3%;
	// padding-top: 10vmin;
	color: #000;
	//background: url('../../static/bk_top_jc.jpg') repeat-y 50%;
	background-size: 100%;
	
	.tableheader{
		height: auto;
		line-height: 1rem;
		border-radius: 10px 10px 0 0;
		width: 100%;
		display: flex;
		background: #4a4a4a;
		justify-content: center;
		
		.tableheader_li{
			text-overflow: clip;
			overflow: initial;
			white-space: normal;
			align-items: center;
			padding: 10px 0;
			display: flex;
			justify-content: center;
			text-align: center;
			font-size: 24px;
			color: #fff;
			border-right: 2px solid #6c6a6a;
		}
		.tableheader_li:first-child{
		
			width: 240px;
		}
		.tableheader_li:nth-child(2){
			color: #fff;
			width: 160px;
		}
		.tableheader_li:nth-child(3){
			color: #fff;
			width: 200px;
		}
		.tableheader_li:last-child{
			// width: 280px;
			width: 120px;
			color: #fbc847;
			border-right: 0;
		}
	}
	.tablebady{
		margin-bottom: 40px;
		background: #fff;
		border-radius: 0 0 10px 10px;
		
		.tablebadyul{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			line-height: 64px;
			flex-direction: column;
			height: 100%;
			overflow-y: scroll;
			box-sizing: border-box;
			.tablebadyli{
				display: flex;
				align-items: center;
				
				span{
					font-size: 28px;
					border-right: 2px solid #e2e2e2;
					color: #4a4a4a;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				span:first-child{
					opacity: 0;
					width: 240px;
				}
				span:nth-child(2){
					border-bottom: 2px solid #e2e2e2;
					width: 160px;
					border-left: 2px solid #e2e2e2;
					border-right: 2px solid #e2e2e2;
				}
				span:nth-child(2){
					border-bottom: 2px solid #e2e2e2;
					width: 200px;
					border-left: 2px solid #e2e2e2;
					border-right: 2px solid #e2e2e2;
				}
				span:last-child{
					// width: 280px;
					width: 120px;
					border-right:0;
					border-bottom: 2px solid #e2e2e2;
				}
			}
			.tablebadyli:last-child span:first-child{
				position: relative;
				bottom: 5vmin;
				border: none;
				opacity: 1;
			}
			.tablebadyli:last-child span:nth-child(2){
				border-bottom: 0;
			}
			.tablebadyli:last-child span:last-child{
				border-bottom: 0;
			}
		}
	}
	.detail{
		margin-top: 5vmin;
		color: #000;
		
		h2{
			margin-bottom: 3vmin;
			font-weight: 400;
			font-size: 42px;
		}
		:global{
			.invite{
				margin-bottom: 5vmin;
				font-size: 28px;
			}
		}
		.btn{
			width: 214px;
			margin: 0 auto;
			background: #7f7f7f;
			border-radius: 60px;
			color: #fff;
			font-weight: 700;
			font-size: 1rem;
			padding: 2vmin 10vmin;
			border: none;
		}
	}
}